import React, {Component} from 'react'
import {Text, View, StyleSheet, Button, Image, FlatList, ScrollView, StyleProp, ViewStyle} from 'react-native'
import {HUNDRED_PERCENT, default as styles} from "../../style";

export default class LineThroughText extends Component {
    public props: { title: string, style?: StyleProp<ViewStyle> };

    render() {
        const {title, style} = this.props;
        return (
            <View style={[LineThroughTextStyles.container,styles.flexDirectionRowNotFlex,styles.centerH, style]}>
                <View style={LineThroughTextStyles.line}/>
                <Text style={{fontSize:12,color:"#fff",marginHorizontal:14}}>{title}</Text>
                <View style={LineThroughTextStyles.line}/>
            </View>
        )
    }
}


const LineThroughTextStyles = StyleSheet.create({
    container: {
        width:HUNDRED_PERCENT,
    },
    line:{
        backgroundColor:"#fff",
        flex:1,
        height:1,

    }
});
